<template>
    <footer class="footer">
    <div class="foo">
      <ul class="foo_ul">
        <li><a href="">法律声明</a></li>
        <li><a href="">隐私条款</a></li>
        <li><a href="">开发者中心</a></li>
      </ul>
    </div>
      <div class="foo">
        <span>京ICP备14041720号-1</span>
        <span>京ICP证140622号</span>
        <span>京公网安备11010502025474</span>
      </div>
      <div class="foo">
        ©2017 Meizu Telecom Equipment Co. , Ltd. All rights reserved. <span>ICP备案证书号:苏ICP备17025366号</span>
      </div>
    </footer>
</template>

<script>
    export default {
        name: "footers"
    }
</script>

<style scoped>
.footer {
  height: 186px;
  width: 100%;
  background: #FAFAFA;
  color: #757575;
}
  .foo{
    /*box-shadow: -4.78px -1.52px 23.8px 4.2px rgba(156,156,156,0.25);*/
    height: 61px;
    line-height: 61px;
    margin: 0 auto;
    text-align: center;
    max-width: 1024px;

  }
  p{
    margin: 0;
    padding: 0;
  }
  .foo > a {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #515151;
    text-decoration: none;
  }
.foo > a:focus,.foo > a:hover {
  text-decoration: underline;
}
  .foo >span {
    margin-right: 3px;
  }
  foo_ul >li,li{
    list-style: none;
    display: inline-block;
  }
</style>
